body { background:#ffffff }
/* GENERAL TAG
------------------------------------------------------------------ */
#wrapper { margin:0px auto; }
#container { margin:0px auto; }
.fl { float:left; }
.fr { float:right; }
.clrfix { clear:both; }
.bold { font-weight:bold; }
.red { color:#ed1c24; }
.blue { color:#255fac; }
.gray { color:#666666; }

#cheader { background: url('/content/images/common/bg_header.gif') repeat-x top left; color:#fff;}
#header { background: url('/content/images/common/alogo.gif') no-repeat top left; line-height:35px; height:35px; }
#hlft { position:relative; left:130px; }
#hlft .appname{ font-weight:bold; font-size:1.3em; }
#hrgh, #hrgh2 { position:relative; right:10px; }
#hrgh a.logout{ background: url('/content/images/icons/logout_12x12.gif') no-repeat center left; padding-left:16px; padding-right:5px; color:#ffff00; }
#hrgh2 a.changepwd{ background: url('/content/images/icons/changepwd_12x12.png') no-repeat center left; padding-left:16px; padding-right:5px; color:#ffff00; }

#cmenu { background-color:#d4e9f9; border-top:1px solid #1188dc; border-bottom:1px solid #1188dc; line-height:25px; height:25px; }
#ctitle { background: url('/content/images/common/bgtop.gif') repeat-x top left; border-top:1px solid #fff; border-bottom:1px solid #d4e9f9; line-height:30px; height:30px; }
#tpage { background: url('/content/images/icons/form_16x16.gif') no-repeat center left; }
#ctlft { position:relative; left:10px; padding-left:20px; font-weight:bold; background: url('/content/images/icons/form_16x16.gif') no-repeat center left;}
#ctrgh { position:relative; right:10px; }
#csearch { background: url('/content/images/common/bgsearch.gif') no-repeat center left; width:172px; line-height:30px; height:30px; }
#csearch .ctsear { padding-left:25px; }
#csearch .txtsear { background: transparent; border:none; padding:2px; width:115px; }
#csearch .btnsear { background: url('/content/images/common/bgsearch.gif') no-repeat -146px 0px; border:none; height:24px; width:26px; }
#ccontent { padding:10px; overflow-y:auto; }
#cfooter { background: url('/content/images/common/bg_header.gif') repeat-x bottom left; color:#fff; margin-top:0px; height:35px;}
#cfooter .hori { background-color:#d4e9f9; height:10px; }
#footer { /*background: url('/content/images/common/logo-21px.png') no-repeat 2px center;*/ line-height:25px; height:25px; }
#flft { position:relative; left:70px; }
#frgh { position:relative; right:10px; }
#frgh a{ background: url('/content/images/common/rtop.gif') no-repeat center right; padding-right:20px; color:#fff; }

/*Style apply for grid*/
.grid
{
	border:none 1px #666;
	padding:1px;
	width:100%;
	/*border-collapse:collapse;*/
}

.grid .readonly
{
    background-color: #dcdcdc;    
    font-size: 15px;
    font-weight: bold;
	color: #000;
	text-align:right;
	width: 100px;
}

.grid .editable
{
    background-color: #ffffff;    
    font-size: 15px;
    font-weight: bold;
	color: #003399;
	text-align:right;
	width: 100px;
}
.grid .editableleft
{
    background-color: #ffffff;    
    font-size: 15px;
    font-weight: bold;
	color: #003399;
	text-align:left;
	width: 100px;
}
.grid tbody
{
	border:solid 1px #444;
}
.grid th
{
	background: url('/content/images/common/ghead.gif') repeat-x center center;
	border:solid 1px #ccc;
	padding: 4px 5px;
	color: #000000;
	font-weight:bold;
	text-decoration: none;	
}
.grid td {
	padding: 5px;
	border:solid 1px #CCC;
}
.grid tr.odd {
	background: #FFF;
}
.grid tr.even {
	background: #f2f2f2;
	
}

.grid tr.edit {
	background: #D4E9F9;
}

.grid tr.edit td {
	font-weight:bold;
}

.grid tr.odd:hover, .grid tr.even:hover {
	cursor:default;
	background: #e9f7fd;
}
.grid th a
{
	color:#000000;
	text-decoration: none;
}
.grid th a:hover
{
	color:#000000;
	text-decoration: underline;
}
.grid td.center {
	text-align:center;
}
.grid .nodata {		
	color: #666 !important;
	font-weight: normal !important;
}


/*For Form*/
.form td{
	padding:2px 5px;
}

/*
.form .right
{
    background: #e0eaf5;
	height:40px;
	text-align:right;
	padding-right:10px;
}
*/

.form .label{
	background:#fff;
	border-top:2px solid #fff;
	border-bottom:1px dotted #ddd;
	border-right:1px dotted #ddd;
	text-align:right;
	font-weight:bold;
	/*vertical-align: top;*/
}
.form .label .error{
	background:#fff;
	color:Red;
	font-weight:bold;
	/*vertical-align: top;*/
}
.form .label .success{
	background:#fff;
	color:Green;
	font-weight:bold;
	/*vertical-align: top;*/
}
.form .required{
	font-weight:bold;
}
.form .required span{
	color:red;
}

.crmcontainer .addnew,
.crmcontainer .approve,
.crmcontainer .bocvattu,
.crmcontainer .cancel,
.crmcontainer .pickup,
.crmcontainer .delete,
.crmcontainer .reject,
.crmcontainer .save,
.crmcontainer .saveas,
.crmcontainer .init,
.crmcontainer .filter,
.crmcontainer .report,
.crmcontainer .change,
.crmcontainer .inle,
.crmcontainer .intheolotrinh,
.crmcontainer .intheolo,
.crmcontainer .profile,
.crmcontainer .sort,
.crmcontainer .back,
.crmcontainer .checkout,
.crmcontainer .filterhand
 {
	background:url('/content/images/common/buttons.png') no-repeat top left;
	height:22px;
	padding:0px; border:none;
}
.crmcontainer .addnew { background-position:0px 0px; width:90px; }
.crmcontainer .addnew:hover { background-position:0px -22px; width:90px; cursor: pointer; }
.crmcontainer .approve { background-position:0px -44px; width:90px; }
.crmcontainer .approve:hover { background-position:0px -66px; width:90px; cursor: pointer; }
.crmcontainer .bocvattu { background-position:0px -88px; width:90px; }
.crmcontainer .bocvattu:hover { background-position:0px -110px; width:90px; cursor: pointer; }
.crmcontainer .cancel { background-position:0px -132px; width:60px; }
.crmcontainer .cancel:hover { background-position:0px -154px; width:60px; cursor: pointer; }
.crmcontainer .change { background-position:0px -176px; width:90px; }
.crmcontainer .change:hover { background-position:0px -198px; width:90px; cursor: pointer; }
.crmcontainer .delete { background-position:0px -220px; width:60px; cursor: pointer; }
.crmcontainer .delete:hover { background-position:0px -242px; width:60px; cursor: pointer; }
.crmcontainer .reject { background-position:0px -264px; width:75px; }
.crmcontainer .reject:hover { background-position:0px -286px; width:75px; cursor: pointer; }
.crmcontainer .save { background-position:0px -308px; width:60px; }
.crmcontainer .save:hover { background-position:0px -330px; width:60px; cursor: pointer; }
.crmcontainer .saveas { background-position:0px -308px; width:60px; }
.crmcontainer .saveas:hover { background-position:0px -330px; width:60px; cursor: pointer; }
.crmcontainer .init { background-position:0px -352px; width:90px; }
.crmcontainer .init:hover { background-position:0px -374px; width:90px; cursor: pointer; }
.crmcontainer .filter { background-position:0px -396px; width:50px; }
.crmcontainer .filter:hover { background-position:0px -418px; width:50px; cursor: pointer; }
.crmcontainer .pickup { background-position:0px -440px; width:50px; }
.crmcontainer .pickup:hover { background-position:0px -462px; width:50px; cursor: pointer; }
.crmcontainer .report { background-position:0px -484px; width:90px; }
.crmcontainer .report:hover { background-position:0px -506px; width:90px; cursor: pointer; }
.crmcontainer .inle { background-position:0px -528px; width:60px; }
.crmcontainer .inle:hover { background-position:0px -550px; width:60px; cursor: pointer; }
.crmcontainer .intheolotrinh { background-position:0px -572px; width:120px; }
.crmcontainer .intheolotrinh:hover { background-position:0px -594px; width:120px; cursor: pointer; }
.crmcontainer .intheolo { background-position:0px -616px; width:90px; }
.crmcontainer .intheolo:hover { background-position:0px -638px; width:90px; cursor: pointer; }
.crmcontainer .profile { background-position:0px -660px; width:90px; }
.crmcontainer .profile:hover { background-position:0px -682px; width:90px; cursor: pointer; }
.crmcontainer .sort { background-position:0px -704px; width:90px; }
.crmcontainer .sort:hover { background-position:0px -726px; width:90px; cursor: pointer; }
.crmcontainer .back { background-position:0px -748px; width:90px; }
.crmcontainer .back:hover { background-position:0px -770px; width:90px; cursor: pointer; }
.crmcontainer .checkout { background-position:0px -792px; width:90px; }
.crmcontainer .checkout:hover { background-position:0px -814px; width:90px; cursor: pointer; }
.crmcontainer .filterhand { background-position:0px -836px; width:90px; }
.crmcontainer .filterhand:hover { background-position:0px -858px; width:90px; cursor: pointer; }
.form .refresh, .form .refresh:hover{
	background:url('/content/images/common/btnRefresh.png') no-repeat top left;
	width:77px; height:26px;
	padding:0px; border:none;
}

.form .header
{
    background-color: #D4E9F9;
    border-left: 1px solid #1188DC;
    border-right: 1px solid #1188DC;
    border-bottom: 1px solid #1188DC;
    height: 25px;
    line-height: 25px;
    color: #000;
    font-weight: bold;
}

.form .header-left
{
    background-color: #D4E9F9;
    border-left: 1px solid #1188DC;
    border-top: 1px solid #1188DC;
    border-bottom: 1px solid #1188DC;
    height: 25px;
    line-height: 25px;
    color: #000;
    font-weight: bold;
}

.form .header-right
{
    background-color: #D4E9F9;
    border: 1px solid #1188DC;
    height: 25px;
    line-height: 25px;
    color: #000;
    font-weight: bold;
}

.form .content-left
{
    vertical-align: top;
    border-left: 1px solid #1188DC;
    border-bottom: 1px solid #1188DC;
    padding-bottom: 5px;
}

.form .content
{
    border-left: 1px solid #1188DC;
    border-right: 1px solid #1188DC;
    border-bottom: 1px solid #1188DC;
    padding-bottom: 5px;
}

.form .content-right
{
    vertical-align: top;
    border-left: 1px solid #1188DC;
    border-bottom: 1px solid #1188DC;
    border-right: 1px solid #1188DC;
    padding-bottom: 5px;
}

/* End style for Pager */
/*
.crmcontainer .approveIndicator
{
    background: #ffffff url("../../content/images/indicator/green.png") repeat-x left top;
    width: 150px !important;
    cursor: pointer;
}
*/

.crmcontainer .approveIndicator  
{
    background: #fff url('/content/images/indicator/green.png') repeat-x right top;
    cursor: pointer;
    width: 70px;
    height: 20px;
}


.crmcontainer .rejectIndicator
{
    background: #fff url('/content/images/indicator/red.png') repeat-x right top;
    cursor: pointer;
    width: 70px;
    height: 20px;
}

.crmcontainer .inprogressIndicator
{
    background: #fff url('/content/images/indicator/orange.png') repeat-x right top;
    cursor: pointer;
    width: 70px;
    height: 20px;
}

.crmcontainer .newIndicator
{
    background: #fff url('/content/images/indicator/blue.png') repeat-x right top;  
    cursor: pointer;
    width: 70px;
    height: 20px;
}

.crmcontainer .noneIndicator
{
    background: #fff url('/content/images/indicator/grey.png') repeat-x right top;
    cursor: pointer;
    width: 70px;
    height: 20px;
    border-left: solid 1px #cccc;
    border-right: solid 1px #cccc;
}

.crmcontainer .issuedIndicator
{
    background: #fff url('/content/images/indicator/issued.png') repeat-x right top;
    cursor: pointer;
    width: 70px;
    height: 20px;
}

/* hide the close x on the loading screen */
.loadingScreenWindow .ui-dialog-titlebar-close {
	display: none;
}

.divLoadingContent 
{
    height: 120px;
    text-align: center;
    font-weight: bold;
    width: 250px;
}

.divLoadingContent img
{
    padding-bottom: 15px;
    padding-top: 15px;
}

.crmcontainer .hidden
{
    display: none !important;
}
.gridTitle
{
    font-weight:bold;
    padding:5px;
    border-bottom: 1px solid #A5B3C5;
}
.crmcontainer .printed
{
    width:16px;
    float:right;
    height:16px;
    background:url('/content/images/icons/printedall.png');
}
.crmcontainer .C
{
    width:16px;
    float:right;
    height:16px;
    background:url('/content/images/icons/check-cq.png');
}
.crmcontainer .A
{
    width:16px;
    float:right;
    height:16px;
    background:url('/content/images/icons/check-tg.png');
}
.crmcontainer .crmtable .print
{
    width:16px;
    float:right;
    height:16px;
    background:url('/content/images/icons/Printer-icon.png');
}
.help
{
    position:fixed;
    top:93px;
    right:15px;
    float:right;
    font-weight:bold;
    padding:5px 5px 5px 5px;
    border-left:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    line-height:20px;
}.help h4
{
    font-weight:bold;
    font-size:14px;
    border-bottom:solid 1px #ccc;
    margin-bottom:5px;
}
.help li
{
    border-bottom:dotted 1px #ccc;
}
.divNhapCongNo
{
    position:fixed;
    bottom:0;
    float:left;
    left:300px;
    color:White;
    font-weight:bold;
    width:600px;
}
.textdisplaynhap
{
    font-size:large;
    font-weight:bold;
}
.selecttextbox
{
    border:0;
}
.success
{
    color:Green;
}
.error
{
    color:Red;
}
.textnhapcongno
{
   font-size:x-large;font-weight:bold;color:#0a71c2;
}
.calculator
{
    top:35px;
    position:fixed;
    right:10px;
    width:250px;
    background-color:#ccc;
    padding:10px;
}

.button_order{
border:1px solid #34740e; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif; padding: 2px 10px 1px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #4ba614;
 background-image: linear-gradient(to bottom, #4ba614, #008c00);
 }

.button_order:hover{
 border:1px solid #224b09; background-color: #36780f;
 cursor:pointer;
 background-image: linear-gradient(to bottom, #36780f, #005900);
 }
 .boldandcenter
 {
     font-weight:bold;
     text-align:center;
     vertical-align:middle;
 }
 .footerbg
 {
     background-color:#36780f;
     height:24px;
     line-height:24px;
     padding:10px;
     color:White;
 }
 